﻿<!DOCTYPE html>
<html class="no-js" lang="en">
   <head>      
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Gixco</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <!-- FontAwesome -->
      <link rel="stylesheet" href="assets/css/all.css">
      <!-- Bootstrap v4.3.1 -->
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <!-- Google Fonts -->
      <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Oswald:300,400" rel="stylesheet">
      <!-- Global CSS -->
      <link rel="stylesheet" href="assets/css/normalize.css">
      <link rel="stylesheet" href="assets/css/main.css">
      <!-- Jquery ui -->
      <link rel="stylesheet" href="assets/css/jquery-ui.css">
      <!-- Responsive Menu CSS -->
      <link rel="stylesheet" href="assets/css/meanmenu.css">
      <!-- Theme CSS -->
      <link rel="stylesheet" href="assets/css/styles.css">   
   </head>
   <body>
      <div class="container">
         <header class="header">
			<div class="topcontain">
				<div class="row">
					<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
						<div class="logo">
							<a href="index.html"><img src="logo.png" alt="Logo" /></a>
						</div>
					</div>
					<div class="col-xl-5 col-lg-3 col-md-2 col-sm-12">
						<div class="menubar">
							<nav id="mobile-menu">
								<ul>
									<li><a href="index.html">首页</a></li>
									<li><a href="chanpin.html">产品</a></li>
									<li><a href="about.html">关于</a></li>
									<li><a href="blog.html">博客</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</nav>
						</div>
					</div>
					<div class="col-xl-4 col-lg-6 col-md-7 col-sm-12">
						<div class="head_right">
							<div class="login_bar">
								<ul>
									<li><a href="login.html">请登录</a></li>
									<li><a href="register.html">没有账号?</a></li>
									<li class="user"><a href="login.html"><i
											class="fas fa-user"></i></a></li>
									<li class="search"><a href="#"><i
											class="fas fa-search"></i></a>
										<div class="search_bar">
											<form>
												<input type="text" name="search" placeholder="Search">
												<span class="search_icon"><i class="fas fa-search"></i></span>
											</form>
										</div></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-12 d-xl-none">
						<div class="mobile-menu"></div>
					</div>
				</div>
			</div>
		</header>
         <div class="login-page">
            <div class="breadcrumb-area">
               <ul>
                  <li><a href="index.html">首页</a></li>
                  <li><span>注册</span></li>
               </ul>
            </div>
            <form action="#">
               <div class="login-form">
                  <h2 class="page-title">注册</h2>
                  <div class="row">
                     <div class="col-lg-6 col-md-8 offset-lg-3 offset-md-2">
                        <div class="form-group">
                           <label for="name">用户名 <span class="required">*</span></label>
                           <input type="text" id="name">
                        </div>
                        <div class="form-group">
                           <label for="email">邮箱 <span class="required">*</span></label>
                           <input type="email" id="email">
                        </div>
                        <div class="form-group">
                           <label for="password">密码 <span class="required">*</span></label>
                           <input type="password" id="password">
                        </div>
                        <div class="form-group">
                           <label for="confpassword">确认密码 <span class="required">*</span></label>
                           <input type="password" id="confpassword">
                        </div>
                        <div class="form-group">
                           <button class="btn theme-btn mr-2">立即注册</button>
                           <a href="login.html" class="btn theme-btn mr-2">现在登录</a>
                           <p class="checkbox-area">
                              <label>
                                 <input type="checkbox"> 登记邮件列表 
                              </label>                              
                           </p>                          
                        </div>
                     </div>                    
                  </div>
               </div>
            </form>
         </div>
      </div>
      <footer>
         <div class="container">
            <div class="footer-area">
               <div class="footer-content">
                  <ul>
                     <li>
                        <p>客户服务</p>
                        <ul>
                           <li><a href="#">交付和回报</a></li>
                           <li><a href="#">贸易服务</a></li>
                           <li><a href="#">隐私和政策</a></li>
                           <li><a href="#">常见问题</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>关于我们</p>
                        <ul>
                           <li><a href="#">新闻</a></li>
                           <li><a href="#">工作室</a></li>
                           <li><a href="#">展厅</a></li>
                           <li><a href="#">条款和条件</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>社交媒体</p>
                        <ul>
                           <li><a href="#">腾讯qq</a></li>
                           <li><a href="#">新浪微博</a></li>
                           <li><a href="#">微信</a></li>
                           <li><a href="#">钉钉</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>客户服务</p>
                        <ul>
                           <li><a href="#">交付和回报</a></li>
                           <li><a href="#">贸易服务</a></li>
                           <li><a href="#">联系我们</a></li>
                           <li><a href="#">常见问题</a></li>
                        </ul>
                     </li>
                  </ul>
               </div>
               <div class="copyright-area">
                  <div class="copyright">
                     <p>Copyright &copy; 2019 by Themehum</p>
                  </div>
                  <div class="social">
                     <ul>
                        <li>
                           <p>Connect with us:</p>
                        </li>
                        <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div id="top"><i class="fas fa-arrow-up"></i></div>
         </div>
         <!-- Global JS -->
         <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
         <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
         <script src="assets/js/popper.min.js"></script>        
         <script src="assets/js/plugins.js"></script>
         <script src="assets/js/bootstrap.min.js"></script>
         <script src="assets/js/jquery-ui.js"></script>          
         <script src="assets/js/jquery.meanmenu.min.js"></script>
         <!-- Isotope JS -->
         <script src="assets/js/isotope.pkgd.min.js"></script>
         <script src="assets/js/imagesloaded.pkgd.min.js"></script>
         <!-- Custom JS -->
         <script src="assets/js/main.js"></script>
         <!-- Google Map JS -->
         <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyBvEEMx3XDpByNzYNn0n62Zsq_sVYPx1zY"></script>
         <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
         <script>
            
            
         </script>
         
         <!-- Countdown Timer Script -->
         <script src="assets/js/timer.js"></script>
      </footer>
   </body>
</html>
